<style type="text/css">
    fieldset
    {
        border:solid 1px #aaa;
    }        
    .hideFieldset
    {
        border-left:0;
        border-right:0;
        border-bottom:0;
    }
    .hideFieldset .fieldset-body
    {
        display:none;
    }
    
</style>
<div style="width:1000px;height:400px;overflow-y:scroll;">
<form id="form1" method="post">
	<input name="id" id="id" class="mini-hidden" value="0"/>
	<input name="types" id="types" class="mini-hidden" value="0"/>
	<fieldset id="fd1" style="width:97%;margin:5px;">
		<legend><span>基础信息</span></legend>
		<div style="padding-left:11px;padding-bottom:5px;">
			<table style="table-layout:fixed;">
				<tr>
					<td style="width:100px;background:gainsboro;">工单号：</td>
					<td style="width:150px;"><?=$businessInfo['id'];?></td>
					<td style="width:100px;background:gainsboro;">工单类型：</td>
					<td style="width:150px;"><?=$businessInfo['typename'];?></td>
					<td style="width:100px;background:gainsboro;">顾客：</td>
					<td style="width:150px;"><?=$businessInfo['customer'];?></td>
					<td style="width:100px;background:gainsboro;">工单状态：</td>
					<td style="width:150px;"><?=$businessInfo['statusname'];?></td>
				</tr>
			</table>
		</div>
	</fieldset>
	<fieldset id="fd2" style="width:97%;margin:5px;">
		<legend><span>工单详情</span></legend>
		<div style="padding-left:11px;padding-bottom:5px;">
			<table style="table-layout:fixed;">
				<tr style="height:0px">
					<td style="width:100px;background:gainsboro">业务员：</td>
					<td style="width:250px;"><?=$businessInfo['discuss'];?></td>
					<td style="width:100px;background:gainsboro">建单人：</td>
					<td style="width:250px;"><?=$businessInfo['business_name'];?></td>
					<td style="width:100px;background:gainsboro">建单时间：</td>
					<td style="width:200px;"><?=$businessInfo['created'];?></td>
				</tr>
				<tr>
					<td style="background:gainsboro;">标题：</td>
					<td colspan="5"><?=$businessInfo['title'];?></td>
				</tr>
				<tr>
					<td style="background:gainsboro;">详情内容：</td>
					<td colspan="5"><input class="mini-textarea" value="<?=$businessInfo['content'];?>" style="width:94%;height:50px;"/></td>
				</tr>
			</table>
		</div>
	</fieldset>
	<fieldset id="fd3" class="hideFieldset" style="width:97%;margin:5px;">
		<legend><label><input type="checkbox" id="checkbox1" onclick="toggleFieldSet(this, 'fd3')" hideFocus/>派工信息</label></legend>
		<div class="fieldset-body" style="padding-left:11px;padding-bottom:5px;">
			<table style="table-layout:fixed;">
				<tr style="height:0px">
					<td style="width:100px;background:gainsboro">派工组织：</td>
					<td style="width:250px;"><?=$businessInfo['dis_agency'];?></td>
					<td style="width:100px;background:gainsboro">派工人员：</td>
					<td style="width:250px;"><?=$businessInfo['dis_staff'];?></td>
					<td style="width:100px;background:gainsboro">计划工时：</td>
					<td style="width:200px;"><?=$businessInfo['plan_work_time'];?></td>
				</tr>
				<tr>
					<td style="background:gainsboro">计划开始时间：</td>
					<td><?=$businessInfo['plan_start'];?></td>
					<td style="background:gainsboro">计划开始时间：</td>
					<td colspan="3"><?=$businessInfo['plan_end'];?></td>
				</tr>
			</table>
		</div>
	</fieldset>
	<fieldset id="fd4" class="hideFieldset" style="width:97%;margin:5px;">
		<legend><label><input type="checkbox" id="checkbox2" onclick="toggleFieldSet(this, 'fd4')" hideFocus/>施工信息</label></legend>
		<div class="fieldset-body" style="padding-left:11px;padding-bottom:5px;">
			<table style="table-layout:fixed;">
				<tr style="height:0px">
					<td style="width:100px;background:gainsboro">施工组织：</td>
					<td style="width:250px;"><?=$businessInfo['con_agency'];?></td>
					<td style="width:100px;background:gainsboro">施工人员：</td>
					<td style="width:250px;"><?=$businessInfo['con_staff'];?></td>
					<td style="width:100px;background:gainsboro">施工工时：</td>
					<td style="width:200px;"><?=$businessInfo['actua_work_time'];?></td>
				</tr>
				<tr>
					<td style="background:gainsboro">计划开始时间：</td>
					<td><?=$businessInfo['actual_start'];?></td>
					<td style="background:gainsboro">计划开始时间：</td>
					<td colspan="3"><?=$businessInfo['actual_end'];?></td>
				</tr>
			</table>
		</div>
	</fieldset>
	<fieldset id="fd5" class="hideFieldset" style="width:97%;margin:5px;">
		<legend><span><input type="checkbox" id="checkbox3" onclick="toggleFieldSet(this, 'fd5')" hideFocus/>工单备注</span></legend>
		<div class="fieldset-body" style="padding-left:11px;padding-bottom:5px;">
			<input class="mini-textarea" value="<?=$businessInfo['remark'];?>" style="width:100%;height:50px;"/>
		</div>
	</fieldset>
</form>
</div>
<script type="text/javascript">
mini.parse();
function toggleFieldSet(ck, id) {
    var dom = document.getElementById(id);
    dom.className = !ck.checked ? "hideFieldset" : "";
}
</script>
